<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	</head>
	<body>
		<!------------------标题----------------->
			<!--/*1*/.Bootstrap标题样式进行了以下显著的优化重置：

			1.1、重新设置了margin-top和margin-bottom的值，  h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。
			1.2、所有标题的行高都是1.1（也就是font-size的1.1倍）,而且文本颜色和字体都继承父元素的颜色和字体。
			1.3、固定不同级别标题字体大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。
			/*2*/.副标题的问题
			2.1  使用了<small>标签来制作副标题
				1、行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）。
				2、由于<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；
		-->
		
		
		
		<!----------------段落---------------->
			<!--1、全局文本字号为14px(font-size)。

			2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。

			3、颜色为深灰色（#333）；

			4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family），
			或许这样的字体对我们中文并不太合适，但在实际项目中，大家可以根据自己的需求进行重置，在此我们不做过多阐述，我们回到这里。该设置都定义在<body>元素上，由于这几个属性都是继承属性，所以Web页面中文本（包括段落p元素）如无重置都会具有这些样式效果。
		-->
		
		<!--强调内容
			1.如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。
		-->
		
		<!--强调相关的类
			给需要变化的加上这个class名就行
			.text-muted：提示，使用浅灰色（#999）
			.text-primary：主要，使用蓝色（#428bca）
			.text-success：成功，使用浅绿色(#3c763d)
			.text-info：通知信息，使用浅蓝色（#31708f）
			.text-warning：警告，使用黄色（#8a6d3b）
			.text-danger：危险，使用褐色（#a94442）
		-->
		
		<!--对齐风格
			给需要变化的加上这个class名就行
			 .text-left：左对齐

  			 .text-center：居中对齐

			 .text-right：右对齐

			 .text-justify：两端对齐
		-->
		
		
		
		
		<!------------------列表----------------->
		
		<!--给列表去掉前面的点或者序号
			只要给这个列表添加一个class名为.list-unstyled  就行了
			列表默认的左边内距也清０了。
		-->
		
		<!--内联列表
			把垂直列表换成水平列表，而且去掉项目符号，保持水平显示
			方法：加class名为“.list-inline”
			也可以说内联列表就是为制作水平导航而生。
		-->
		
		<!--列表-水平定义列表
			添加类名“.dl-horizontal”;
			可以实现水平显示的效果，，，但是只有屏幕大于768px的时候，才有作用
			***white-space: nowrap;强制在同一行内显示所有文本
			* text-overflow：clip ellipsis

			默认值：clip
			
			适用于：所有元素
			
			clip： 当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。
			ellipsis： 当对象内文本溢出时显示省略标记（...）。
		-->
		
		
		<!--------------基础代码----------------->
		<!--代码风格
			1、使用<code></code>来显示单行内联代码
			2、使用<pre></pre>来显示多行块代码
			3、使用<kbd></kbd>来显示用户输入代码
			
			起不同作用风格的代码表现形式，，，没有事件参与     个人觉得第三个有点用处，，别的貌似没用
		-->
		<!--滑轴
			添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。
		-->
		
		
		
		<!------------表格---------------->
		<!--1种基础样式和4种附加样式以及1个支持响应式的表格。-->
		<!--
			 .table：基础表格

             .table-striped：斑马线表格

			 .table-bordered：带边框的表格

			 .table-hover：鼠标悬停高亮的表格

			 .table-condensed：紧凑型表格

			.table-responsive：响应式表格：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。
		-->
		
		
		
		
	</body>
</html>
